<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>订单详情</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/order-detail-completed.css" />
    <link rel="stylesheet" href="css/receving-details.css" />
</head>
<body>
<div>
    <div class="head">
         <span href="javascript:;" onclick="go()">
        <i class="iconfont icon-iconfontjiantou1"></i></span>
        <h1 class="titles">订单详情</h1>
    </div>
    <div id="orderDetail"></div>
    <!--<div class="middles">-->
        <!--<div class="address">-->
            <!--<div class="status">-->
                <!--<p>卖家已发货</p>-->
            <!--</div>-->
            <!--<div class="number">-->
                <!--<span>收货人：张三</span><span>17684569322</span>-->
            <!--</div>-->
            <!--<i class="iconfont icon-dingwei"></i>-->
            <!--<span>取货地址：河南省郑州市中原区梧桐街道祝福红城南区</span>-->
        <!--</div>-->
        <!--<div onclick="location.href=''" class="shows row">-->
            <!--<div class="show">-->
                <!--<img src="img/meinv.png" alt="">-->
            <!--</div>-->
            <!--<div class="brief">-->
                <!--<p>童装女童洋气套装2018新款秋装大裤儿童秋款两件套</p>-->
                <!--<span>￥2169</span><span>X1</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="amount">-->
            <!--<span>购买数量</span><span>总计1件</span>-->
        <!--</div>-->
        <!--<div class="amount">-->
            <!--<span>订单号：23256562354623</span>-->
        <!--</div>-->
    <!--</div>-->
    <div class="footer">
        <div onclick="location.href=''" class="finish">
            <span>确认收货</span>
        </div>
        <div onclick="location.href='./check-logistic.html'" class="finishs">
            <span>查看物流</span>
        </div>
    </div>
</div>
<script src="js/x_rem.js"></script>
<script src="js/all.js"></script>
<script src="./js/jquery-1.10.2.js"></script>
<script src="js/layer/layer.js"></script>
<script>
    $(function () {
        var data = JSON.stringify({
            "orderId": GetQueryString("orderId")
        });

        var success = (data) => {
            console.log(data.message.code);
            if(data.message.code == 200) {
                var html = "";
                if(data.data != null&& data.data != null){
                    html += `<div class="middles">
                                    <div class="address">
                                       <div class="status">
                                        <p>卖家已发货</p>
                                       </div>
                                        <div class="number">
                                            <span>收货人：${data.data.shoppingUserAddress.name}</span><span>${data.data.shoppingUserAddress.mobile}</span>
                                        </div>
                                            <i class="iconfont icon-dingwei"></i>
                                            <span>取货地址：${data.data.shoppingUserAddress.province}${data.data.shoppingUserAddress.city}${data.data.shoppingUserAddress.area}${data.data.shoppingUserAddress.address}</span>
                                    </div>
                                    <div onclick="location.href=''" class="shows row">
                                        <div class="show">
                                            <img src="${data.data.detailVos[0].picture}" alt="">
                                        </div>
                                        <div class="brief">
                                            <p>${data.data.detailVos[0].productName}</p>
                                            <span>￥${data.data.detailVos[0].price}</span><span>X${data.data.count}</span>
                                        </div>
                                    </div>
                                    <div class="amount">
                                      <span>购买数量</span><span>总计${data.data.count}件</span>
                                    </div>
                                    <div class="amount">
                                        <span>订单号：${data.data.orderId}</span>
                                    </div>
                                </div>
    		  				`
                    $("#orderDetail").html(html);
                }

            } else {
                popup(data.message.msg);
            }
        };

        Hajax("post", "/app/order/detail", data, success);
    });
</script>
</body>
</html>